<@pagelet title="小页面左">
<style>
    .toolbar1{height: 40px;padding: 5px;}
    .content1{height: 600px;display: flex }
    .content-left1{width: 40%;background-color: #761c19;}
    .content-right1{width: 60%;background-color: #b92c28;}
</style>
<div class="toolbar1">
    <div class="btn-group" role="group">
        <button type="button" id="btn1" data-src="/base/redirect/modular/pagelet/pagelet-left" data-target=".content-left" class="btn btn-primary"><i class="fa fa-bolt"></i>加载1</button>
        <button type="button" id="btn2" data-src="/base/redirect/modular/pagelet/pagelet-right" data-target=".content-right" class="btn btn-primary"><i class="fa fa-bolt"></i>加载2</button>
    </div>
</div>
<div class="content1">
    <div class="content-left1"></div>
    <div class="content-right1"></div>
</div>
<script>
    console.log("content-left-1");
    pagelet(function(){
        console.log("content-left-inner");
//        console.log(scope);
//        $(".btn").click(function(){
//            console.log("left");
//            var src = $(this).data("src");
//            var target = $(this).data("target");
//            if(!src)return;
//
//            var url = rober.url(src)+"?pagelet=1";
//
//            $.get(url,function(text){
//                console.log(text);
//                $(target).html(text);
//            });
//        })
    });
</script>
<script>
    console.log("content-left-2");
</script>
<script>
    console.log("content-left-3");
</script>
<script>
    console.log(scope,scope1);
</script>
<script>
    console.log(scope,scope1);
</script>
</@pagelet>